
html {
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
    html {
        font-size:100%
    }
}

@media (-webkit-min-device-pixel-ratio: 4),(min-resolution:384dpi) {
    html {
        font-size:100%
    }
}

body {
    font-family: Product Sans,Roboto,Helvetica Neue,Helvetica,Tohoma,Arial,MicrosoftYaHei,PingFang SC,Hiragino Sans GB,STXihei,Source Han Sans CN,Microsoft YaHei UI,Microsoft YaHei,Heiti SC,sans-serif;
    color: #000;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

marquee {
    margin: 0;
    padding: 0;
    vertical-align: top
}

a {
    color: #000
}

b {
    font-weight: 600
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400
}

h3 {
    font-size: 1.25rem
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table thead tr {
    background-color: #f2f2f2
}

select {
    outline: none;
    -webkit-tap-highlight-color: transparent
}

img {
    display: inline-block;
    vertical-align: top
}

.bold {
    font-weight: 600
}

.m0 {
    margin: 0!important
}

.mt15 {
    margin-top: .9375rem!important
}

.mt30 {
    margin-top: 1.875rem!important
}

.Body,.Main {
    width: 100%;
    height: 100%;
    overflow: hidden
}
.Body {
    background: url(/static/images/main_bg.png);
    background-size: 100%;
}
.Main {
    position: relative
}

.ScrollBox {
    overflow-x: hidden;
    overflow-y: auto
}

.IndexBox,.ScrollBox {
    position: relative;
    width: 100%;
    height: 100%
}

.IndexBox {
    overflow: hidden;
    padding-bottom: 3.25rem
}

.PageBox {
    /*20200929overflow: hidden;*/
    width: 100%;
    height: 100%;
    padding-top: 2.875rem;
    position: relative
}

/*20200929*/
.van-checkbox__label{
    font-size: .75rem;
    color: #888;
}

.Body .van-field__control{
    color: #999!important;
}

.PageBox .van-cell {
    background-color: #151d31;
    color: #bbb;
}

.Main .van-action-sheet{
  background-color:#151d31;
  color:#fff;
}
.Main .van-cell--large .van-cell__title{
  font-size:0.875rem;
  color:#bbb!important;
}
.Main .van-field__label{
    width: 5.625rem;
    margin-right: 0px;
}
.ScrollBox .van-field__label{
    padding-right: 0.625rem;
    word-break:break-all;
}
.ScrollBox .van-cell{
    line-height: 1;
}
.Main .van-grid-item__content{
    background-color: #151d31;
}

.Main .van-field__control{
    color: #bbb;
}
.Main .van-field__label{
    color: #bbb!important;
}
.Main .van-picker{
    background-color: #151d31;
}
.Main .van-picker__confirm{
    color: #4087f1;
}
.Main .van-picker__mask{
    background-image: linear-gradient(180deg,rgba(21,29,49,.9),rgba(21,29,49,.4)),linear-gradient(0deg,rgba(21,29,49,.9),rgba(21,29,49,.4));
}
.Main .van-picker-column__item{
    color: #fff;
}
.Main .Cache .van-cell__left-icon{
    background-color:#444;
    text-align: center;
    border-radius:100%;
}
.Main a {
    color: #4087f1;
}
.PageBox {
    color: #fff;
}
.ScrollBox .van-form .van-field {
    background-color: #151d31!important;
    border-radius:.5rem;
}
.ScrollBox .van-dropdown-menu__title{
    color: #bbb!important;
}
.Site .van-cell {
    background-color: #151d31;
    color: #bbb;
}
.Site .van-tabs__wrap--scrollable .van-tabs__nav--complete{
    padding-left: 0px;
    padding-right: 0px;
}
.Main .van-tabs__wrap--scrollable .van-tabs__nav--complete{
    padding-left: 0px;
    padding-right: 0px;
}
.Main .van-tab{
    font-size: 0.9375rem;
}
.Site .van-tab{
    font-size: 0.9375rem;
}
.Site .van-cell{
    align-items: flex-start;
}
.Main .van-calendar{
    background-color: #151d31;
}
.TaskItem .record h4 {
    font-size: 0.9375rem;
}
.TaskItem .record .href {
    margin-top: 0.9375rem;
}
.TaskItem .record .href>a {
    font-size: .75rem;
    display: inline-block;
    color: #758ab0;
}
.TaskItem .record .href>a+a {
    margin-left: .625rem;
    border-left: .0625rem solid #758ab0;
    padding-left: .625rem;
}
.TaskItem .van-cell__value .price{
    color: #758ab0;
    line-height: 1;
    font-size: .75rem;
}
.TaskItem .van-cell__value .price p{
    margin-top: .3125rem;
    color: #4087f1;
    font-size: 1rem;
}
.van-uploader__upload{
    border-radius: .5rem;
}
.PageBox .van-button--default{
    color: #fff;
    background-color: #0e1526;
}
.PageBox .van-dialog{
    background-color: #0e1526;
}
.van-dialog .van-dialog__confirm, .van-dialog__confirm:active{
    color: #1989fa;
}
/*20200929*/

.nav-logo {
    height: 1.5rem;
    margin-top: .75rem;
    vertical-align: top;
}

.ProjectPanel {
    overflow: hidden;
    width: 100%;
    margin: .625rem 0;
    padding: 0 .125rem;
    border: .0625rem solid #e5e5e5;
    border-radius: .125rem;
    background-color: #fff
}

.ProjectPanel>a {
    display: block
}

.ProjectPanel .title {
    font-size: 1rem;
    padding: .625rem;
    border-bottom: .0625rem solid #eee
}

.ProjectPanel .title i {
    font-size: .8125rem;
    display: inline-block;
    padding: 0 .5rem;
    color: #f60;
    border: .0625rem solid #f60;
    border-radius: 6.25rem
}

.ProjectPanel .info {
    padding: .625rem 0
}

.ProjectPanel .info,.ProjectPanel .info li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ProjectPanel .info li {
    line-height: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: .3125rem;
    text-align: center;
    color: #888;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.ProjectPanel .info li+li {
    border-left: .0625rem solid #eee
}

.ProjectPanel .info li>span {
    font-size: 1.5rem;
    margin-top: .9375rem;
    color: red
}

.ProjectPanel .info li>span em {
    font-size: .875rem;
    color: #333
}

.ProjectPanel .info li .van-button {
    font-size: .875rem;
    padding: 0 .9375rem;
    vertical-align: top;
    border-radius: .3125rem
}

.ProjectPanel .footer {
    font-size: .8125rem;
    padding: .3125rem .625rem;
    color: #aaa;
    border-top: .0625rem solid #eee
}

.ProjectPanel .footer span {
    margin-right: .9375rem
}

.FixedButton {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .625rem .9375rem;
    background-color: #fff;
    box-shadow: 0 -.0625rem .3125rem rgba(0,0,0,.1)
}

.DataLoad {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.user-header {
    width: 3.125rem;
    height: 3.125rem;
    background-color: #f5f5f5;
    border-radius: 100%;
    border: .0625rem solid #ddd;
    overflow: hidden;
    margin: 0 auto
}

.user-header img {
    width: 100%;
    height: 100%
}

.Login {
    text-align: center;
}

.Login h1 {
    margin: 1.875rem 1rem 1.25rem;
    text-align: left;
    color: #fff;
}

.Login .van-cell {
    font-size: 12px;
    color: #888;
    background: transparent!important;
}

.Login .van-field__label {
    width: 4.6875rem
}

.Login .van-cell .van-field__left-icon {
    margin-right: .3125rem
}

.Login .van-cell .van-field__left-icon .van-icon {
    font-size: 1.125rem;
    color: #4b34c3
}

.Login .href {
    color: #999
}

.Login input::-webkit-input-placeholder {
    color: #bbb
}

.Login input::placeholder {
    color: #bbb
}

.van-image-preview__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.van-image-preview .van-image__img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.van-nav-bar {
    background-color: transparent;
}

.van-nav-bar__left {
    left: 0;
    padding: 0 .625rem
}

.van-nav-bar__right {
    right: 0;
    padding: 0 .625rem
}

.van-nav-bar__title {
    font-size: 1.125rem;
    color: #fff
}

.van-nav-bar__text {
    margin: 0;
    padding: 0;
    color: #bbb
}

.van-nav-bar .van-icon {
    font-size: 1.5rem;
    color: #fff
}

.van-grid-item__text {
    font-size: .875rem;
    margin-top: .5rem;
    color: #000
}
/*20200929
.van-tab {
    font-size: .9375rem
}

.van-tabbar {
    height: 3.25rem;
    border-top: .0625rem solid #eee;
    box-shadow: 0 -.0625rem .3125rem rgba(0,0,0,.1)
}
*/
.van-tabbar-item__icon {
    font-size: 1.5rem
}

.van-cell {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.van-cell:not(:last-child):after {
    left: 0;
    border-color: #0e1526;
}

.van-skeleton {
    margin: .625rem 0;
    padding: .625rem;
    background-color: #fff
}

[class*=van-hairline]:after {
    border-color: #0e1526
}

.van-button--mini {
    padding: 0 .5rem;
    min-width: 3.125rem;
    font-size: .625rem;
}

.van-button {
    border-radius: .3125rem
}

.van-button--danger {
    border-color: transparent;
    background: linear-gradient(90deg,#4b34c3,#3d3ff7);
}

.van-button--plain.van-button--danger {
    background-color: transparent;
    color: #dd6161
}

.van-button--round {
    border-radius: 6.25rem
}

.van-button--mini {
    height: 1.625rem;
    background-color: #1989fa;
    border: .0625rem solid #1989fa;
}

.van-popup--bottom.van-popup--round {
    border-radius: .625rem .625rem 0 0
}

.van-dialog {
    max-width: 90%
}

.van-dialog__header {
    font-size: 1.25rem
}

.van-dialog__message {
    font-size: 1rem
}

.van-dialog .van-button {
    font-size: 1.125rem
}

.van-toast {
    white-space: nowrap
}

.van-pull-refresh {
    -webkit-user-select: text;
    user-select: text
}

.Panel {
    width: 100%;
    overflow: hidden
}

.Panel .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: url(../../assets/images/profile-bg.png) no-repeat;
    background-size: cover;
    padding: .625rem;
    font-size: 1rem
}

.Panel .title .van-icon {
    margin-right: .3125rem
}

.Panel .title label {
    font-size: .75rem;
    color: #999;
    text-align: right;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.NoticePopup {
    background: url(../../assets/images/bg_mine.png) no-repeat #052058;
    background-size: contain;
    height: 21.25rem;
    padding: 0 1.5625rem 1.5625rem 1.5625rem;
    border-radius: .625rem;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.NoticePopup dt {
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    line-height: 3.125rem;
}

.NoticePopup dd {
    background-color: rgba(0,0,0,.5);
    border-radius: .625rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: .625rem;
    color: #ccc;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    flex: auto;
    text-align: justify;
}

.NoticePopup~.close {
    display: inline-block;
    margin-top: .3125rem;
    font-size: 0
}

.TaskItem {
    margin: .125rem 0;
    border-radius: .1875rem;
    box-shadow: 0 .0625rem .125rem rgba(0,0,0,.2)
}

.TaskItem .icon {
    align-items: center;
    line-height: 1;
}

.TaskItem .icon h4 {
    margin-bottom: .375rem
}

.TaskItem .icon img {
    display: block;
    width: 100%;
    height: 100%;
}
.TaskItem .icon a {
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 100%;
    background-color: #0e1526;
    overflow: hidden;
    margin: 0 auto;
}
.TaskItem .icon .van-tag {
    margin-top: .3125rem
}

.TaskItem .icon .price {
    color: #dd6161;
    margin-top: .625rem
}

.TaskItem .icon .price b {
    font-size: 1.25rem
}

.TaskItem .van-cell__title {
    margin-left: .9375rem;
    color: #fff;
    text-align: left;
    line-height: 1
}

.TaskItem .van-cell__title>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #ccc
}

.TaskItem .van-cell__title>div span+span {
    margin-left: .625rem
}

.TaskItem .van-cell__title>div+div {
    margin-top: .5rem
}

.TaskItem .van-cell__title>div i {
    color: #f1c70d;
    font-size: 1rem
}

.TaskItem .van-cell__title>div b {
    color: #dd6161
}

.TaskItem .van-cell__title>div em {
    font-weight: 600;
    color: #4087f1;
    font-size: 1.125rem
}

.TaskItem .post>p,.TaskItem .record>p {
    color: #758ab0;
    font-size: .8125rem;
    margin-top: .625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.TaskItem .post>p {
    margin-top: .625rem
}

.TaskItem .post>p span+span {
    margin-left: 1.25rem
}

.TaskItem .post>p em {
    color: #1989fa;
}

.TaskItem .record>a {
    color: #dd6161;
    font-size: .75rem;
    margin-top: .3125rem;
    display: inline-block
}

.TaskItem .van-cell__value {
-webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    margin-left: 1.25rem;
    color: #758ab0!important;
}

.TaskItem .van-cell__value b {
    color: #1989fa;
    font-size: 1.125rem
}

.TaskItem .audit p {
    margin-bottom: .625rem;
    line-height: 1
}

.TaskItem .van-cell__value.audit .state2,.TaskItem .van-cell__value .state1 {
    color: #1989fa
}

.TaskItem .van-cell__value.audit .state3,.TaskItem .van-cell__value.audit .state4,.TaskItem .van-cell__value .state2,.TaskItem .van-cell__value .state5 {
    color: #bbb
}

.TaskItem .van-cell__value.audit .state1,.TaskItem .van-cell__value .state3 {
    color: #f1c70d
}

.TaskItem .button {
    padding: .3125rem 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    border-top: .0625rem solid #eee
}

.Empty .van-list__finished-text:before {
    content: "";
    height: 8rem;
    display: block;
    background: url(../../assets/images/no_data.png) no-repeat center 0;
    background-size: contain;
    margin-top: 40%
}

.FundItem {
    margin: .75rem 0;
    padding: .625rem;
    line-height: 1
}

.FundItem .icon {
    background-color: #dd6161;
    color: #fff;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 100%;
    font-size: .75rem;
    margin-right: .625rem;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none
}

.FundItem .tag1 {
    background-color: #07c160
}

.FundItem .tag2 {
    background-color: #1989fa
}

.FundItem .van-cell__title {
    overflow: hidden
}

.FundItem .van-cell__title>div {
    color: #c0c4cc;
    font-size: .8125rem;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.FundItem .van-cell__title>div span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.FundItem .van-cell__title>div span:last-child {
    text-align: right
}

.FundItem .van-cell__title>div:first-child {
    color: #c0c4cc
}

.FundItem .van-cell__title>div:last-child {
    color: #999;
    margin-top: .5rem
}

.FundItem .van-cell__title .money {
    font-size: 1.125rem;
    font-weight: 600;
    color: #4087f1
}

.MyEarnings .van-grid-item {
    overflow: hidden
}

.MyEarnings .van-grid-item__content {
    color: #4087f1;
    font-size: 1.125rem;
    text-align: center;
    background-color: #151d31;
}

.MyEarnings .van-grid-item__icon-wrapper {
    color: #bbb;
    margin-bottom: .3125rem;
    font-size: .875rem
}

#Service {
    position: absolute;
    bottom: 3.5rem;
    right: 0;
    z-index: 99;
    color: #999;
    line-height: 1;
    text-align: center;
    font-size: .75rem
}

#Service img {
    display: block;
    margin: 0 auto
}

#Service.move {
    -webkit-transition: all .3s;
    transition: all .3s
}

.MyTask {
    background-color: #fff;
    border: .0625rem solid #eee;
    border-radius: .3125rem;
    overflow: hidden;
    margin: .625rem 0;
    box-shadow: 0 .0625rem .125rem rgba(0,0,0,.2);
    position: relative
}

.MyTask dt {
    background: url(../../assets/images/profile-bg.png) no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .5rem .625rem;
    line-height: 1
}

.MyTask dt img {
    vertical-align: middle
}

.MyTask dt .van-icon {
    color: #999;
    font-size: 1.25rem
}

.MyTask dd {
    padding: 0 .625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .625rem 0
}

.MyTask dd>div p+p {
    margin-top: .625rem
}

.MyTask dd .money {
    font-size: 1rem
}

.MyTask dd .money b {
    font-size: 2rem
}

.MyTask dd.state {
    position: absolute;
    right: 0;
    top: 4.0625rem;
    z-index: 2
}

.Loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (max-width: 320px) {
    html {
        font-size:87.5%
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size:150%
    }
}

body,html {
    height: 100%
}

body {
    position: relative;
    max-width: 46.875rem;
    overflow: hidden;
    margin: 0 auto;
    font-size: .875rem
}

@font-face {
    font-family: my-icon;
    font-weight: 400;
    font-style: normal;
    src: url(../../assets/fonts/font.eot);
    src: url(../../assets/fonts/font.eot) format("embedded-opentype"),url(data:font/woff;base64,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) format("woff"),url(../../assets/fonts/font.ttf) format("truetype"),url(../../assets/fonts/font.svg) format("svg")
}

p {
    margin: 0;
    padding: 0
}

em,i {
    font-style: normal
}

*,:after,:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.my-icon {
    position: relative;
    font: 1.125rem my-icon;
    line-height: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.my-icon,.my-icon:before {
    display: inline-block
}

.my-icon-setting:before {
    content: "\E604"
}

.my-icon-notice:before {
    content: "\E601"
}

.my-icon-recharge:before {
    content: "\E605"
}

.my-icon-withdraw:before {
    content: "\E606"
}

.my-icon-betrecord:before {
    content: "\E607"
}

.icon-left {
    height: 1rem;
    vertical-align: middle
}

.icon-right {
    height: 1.625rem;
    vertical-align: middle
}

.mt10 {
    margin-top: .625rem!important
}

.mt20 {
    margin-top: 1.25rem!important
}

.mr15 {
    margin-right: .9375rem!important
}

.mb10 {
    margin-bottom: .625rem!important
}

.p0 {
    padding: 0!important
}

.f13,.f13 * {
    font-size: .8125rem!important
}

.f14 {
    font-size: .875rem!important
}

.fl {
    float: left!important
}

.fr {
    float: right!important
}

.MiLiao .Main {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: -.0625rem 0 .3125rem rgba(0,0,0,.15),.0625rem 0 .3125rem rgba(0,0,0,.15);
    top: 0;
    left: 0
}

.MiLiao .Background {
    background-color: #f5f6f9
}

.MiLiao .Wrap {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.MiLiao .Box {
    width: 100%;
    overflow: hidden;
    padding: 0 0 1.25rem
}

.MiLiao .NavBar .van-nav-bar__left,.MiLiao .NavBar .van-nav-bar__right {
    width: 3rem;
    font-size: 0
}

.MiLiao .NavBar .van-nav-bar__left {
    left: 0
}

.MiLiao .NavBar .van-nav-bar__right {
    right: 0
}

.MiLiao .NavTab {
    display: inline-block;
    height: 1.75rem;
    overflow: hidden;
    margin-top: .5625rem;
    border: .0625rem solid #03b703;
    border-radius: 6.25rem;
    font-size: 0;
    line-height: 1.75rem;
    vertical-align: top
}

.MiLiao .NavTab li {
    display: inline-block;
    padding: 0 .8125rem;
    font-size: 1rem
}

.MiLiao .NavTab li+li {
    border-left: .0625rem solid #fff
}

.MiLiao .NavTab li.active {
    background-color: #03b703;
    color: #fff
}

.MiLiao .SearchBox {
    z-index: 99;
    width: 100%;
    background-color: #fafafa
}

.MiLiao .SearchBox.show {
    position: absolute;
    top: 0;
    height: 100%;
    overflow: hidden;
    -webkit-transition: top .1s;
    transition: top .1s
}

.MiLiao .SearchBar {
    padding-top: .4375rem;
    padding-bottom: .375rem;
    border-bottom: .0625rem dashed #eee
}

.MiLiao .SearchTips {
    line-height: 6.25rem;
    text-align: center;
    color: #999
}

.MiLiao .TabBar {
    height: 3.375rem;
    background: -webkit-linear-gradient(top,#f8f8f8 2%,#f8f8fa 6%,#f8f8fa 50%,#f8f8f8 51%,#f8f8f8);
    background: linear-gradient(180deg,#f8f8f8 2%,#f8f8fa 6%,#f8f8fa 50%,#f8f8f8 51%,#f8f8f8);
    -webkit-backdrop-filter: saturate(180%) blur(1.25rem);
    backdrop-filter: saturate(180%) blur(1.25rem)
}

.MiLiao .TabBar.van-hairline--top-bottom:after {
    border-width: .0625rem 0 0;
    border-color: #e5e5e5
}

.MiLiao .TabBar .van-tabbar-item__icon img {
    height: 1.5rem
}

.MiLiao .TabBar .van-tabbar-item__text {
    position: relative
}

.MiLiao .TabBar .van-info {
    min-width: 1.125rem;
    line-height: 1rem;
    top: -1.75rem;
    z-index: 9;
    right: 0
}

.MiLiao .Scroll-Wrap {
    position: relative;
    height: auto;
    overflow: hidden;
    z-index: 9
}

.MiLiao .DisplayFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.MiLiao .DisplayFlex .ChatInput {
    position: relative
}

.MiLiao .DisplayFlex .Scroll-Wrap {
    overflow-y: auto;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    flex: auto
}

.MiLiao .ChatList {
    width: 100%;
    overflow: hidden
}

.MiLiao .ChatList .row-title {
    padding: .625rem .9375rem;
    color: #555
}

.MiLiao .ChatList .top .van-cell {
    background-color: #f5f6f9
}

.MiLiao .ChatList .van-cell {
    width: auto;
    position: relative;
    padding: .625rem .9375rem
}

.MiLiao .ChatList .van-cell:not(:last-child):after {
    left: 4.5rem
}

.MiLiao .ChatList .van-cell .head {
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border-radius: 100%;
    background-color: #e7eaec;
    line-height: 3rem;
    text-align: center;
    color: #6b7294;
    margin-right: .625rem
}

.MiLiao .ChatList .van-cell .head img {
    width: 100%;
    height: 100%
}

.MiLiao .ChatList .van-cell .van-cell__value {
    max-width: 5rem;
    font-size: .75rem
}

.MiLiao .ChatList .van-cell .van-cell__value p {
    line-height: 1
}

.MiLiao .ChatList .van-cell .van-cell__value .my-icon-notice {
    color: #ccc;
    font-size: .875rem;
    vertical-align: top
}

.MiLiao .ChatList .van-cell .van-tag {
    position: absolute;
    top: .4375rem;
    left: 3.125rem
}

.MiLiao .ChatList .van-cell__label {
    max-height: 1.25rem;
    position: relative
}

.MiLiao .ChatList .van-cell__label:after {
    display: block;
    position: absolute;
    top: 0;
    z-index: 99;
    width: .9375rem;
    height: 100%;
    content: "";
    right: 0;
    background: -webkit-linear-gradient(right,#fff,hsla(0,0%,100%,.1));
    background: linear-gradient(-90deg,#fff,hsla(0,0%,100%,.1))
}

.MiLiao .ChatList .top .van-cell__label:after {
    background: -webkit-linear-gradient(right,#f5f6f9,rgba(245,246,249,.1));
    background: linear-gradient(-90deg,#f5f6f9,rgba(245,246,249,.1))
}

.MiLiao .ChatList .van-cell__label * {
    display: inline-block;
    vertical-align: bottom
}

.MiLiao .ChatList .van-cell__label .at {
    background-color: transparent!important;
    border: 0!important;
    color: #000!important;
    -webkit-text-fill-color: #000;
    -webkit-opacity: 1
}

.MiLiao .ChatList .van-cell__label img {
    max-height: 1.25rem;
    margin: 0 .125rem
}

.FriendList {
    padding-bottom: .625rem
}

.FriendList .van-cell,.FriendNotice .van-cell {
    padding-top: .4375rem;
    padding-bottom: .4375rem;
    line-height: 2.5rem
}

.FriendList .head,.FriendNotice .head {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    margin-right: .5rem;
    border-radius: 100%;
    background-color: #e7eaec;
    font-size: 0;
    font-size: .9375rem;
    line-height: 2.5rem;
    text-align: center;
    vertical-align: middle;
    color: #6b7294
}

.FriendList .head img,.FriendNotice .head img {
    width: 100%;
    height: 100%
}

.FriendList .van-cell:not(:last-child):after,.FriendNotice .van-cell:not(:last-child):after {
    left: 3.625rem
}

.FriendList .new .head {
    background-color: #03b703
}

.FriendList .new .head img {
    display: inline-block;
    width: auto;
    height: 1.625rem;
    vertical-align: sub
}

.FriendList .new .head .van-icon {
    font-size: 1.25rem;
    vertical-align: sub;
    color: #fff
}

.FriendList .new:after {
    left: 0!important
}

.FriendCount {
    text-align: center;
    color: #999;
    padding: .625rem 0;
    overflow: hidden
}

.FriendNotice .van-cell {
    line-height: 1.5rem
}

.FriendNotice .van-cell__title span {
    position: relative;
    top: -.1875rem
}

.FriendNotice .van-cell__label {
    line-height: 1;
    margin: 0
}

.FriendNotice .status {
    position: relative;
    min-width: 3.125rem;
    font-size: .75rem;
    color: #999
}

.FriendNotice .status>* {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    white-space: nowrap;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ValidateMsg {
    overflow: hidden;
    padding: .9375rem;
    border-bottom: .0625rem solid #eee;
    background-color: #fcfcfc;
    text-align: right
}

.ValidateMsg ul {
    overflow: hidden;
    text-align: justify;
    color: #999
}

.ValidateMsg .van-button {
    border-radius: .3125rem
}

.AddSearch .van-search {
    padding: .5rem .3125rem
}

.UserQRcode {
    width: 90%;
    overflow: hidden;
    margin: 1.25rem auto;
    padding: 1.25rem;
    border-radius: .1875rem;
    background-color: #fff;
    box-shadow: 0 0 .0625rem #d0d0d0
}

.UserQRcode .Info {
    padding: 0
}

.UserQRcode .Info .head-img {
    width: 3.125rem;
    height: 3.125rem;
    overflow: hidden;
    margin-right: .625rem;
    border-radius: 100%;
    background-color: #e7eaec;
    font-size: .9375rem;
    line-height: 3.125rem;
    text-align: center;
    color: #6b7294
}

.UserQRcode .Code {
    margin-top: .625rem;
    text-align: center;
    color: #aaa
}

.FindVal {
    border-top: .0625rem dashed #f2f2f2
}

.FindVal .icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .625rem;
    border-radius: 100%;
    background-color: #03b703;
    font-size: 0;
    line-height: 2.5rem;
    text-align: center
}

.FindVal .icon img {
    display: inline-block;
    vertical-align: middle
}

.BuildGroupTips .van-cell__value,.FindVal .van-cell__title {
    line-height: 2.5rem
}

.CheckGroupList {
    position: relative;
    overflow: hidden;
    padding: .625rem;
    background-color: #fff
}

.CheckGroupList:after,.CheckGroupList:before {
    display: block;
    position: absolute;
    top: .625rem;
    z-index: 99;
    width: .9375rem;
    height: 2.5rem;
    content: ""
}

.CheckGroupList:before {
    left: 0;
    background: -webkit-linear-gradient(left,#fff 30%,hsla(0,0%,100%,.1));
    background: linear-gradient(90deg,#fff 30%,hsla(0,0%,100%,.1))
}

.CheckGroupList:after {
    right: 0;
    background: -webkit-linear-gradient(right,#fff 30%,hsla(0,0%,100%,.1));
    background: linear-gradient(-90deg,#fff 30%,hsla(0,0%,100%,.1))
}

.CheckGroupList ul {
    display: table
}

.CheckGroupList ul li {
    float: left;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .5rem;
    border-radius: 100%;
    background-color: #e7eaec;
    font-size: 1rem;
    line-height: 2.5rem;
    text-align: center;
    color: #6b7294
}

.CheckGroupList ul li:before {
    display: block;
    position: absolute;
    top: -.3125rem;
    right: -.375rem;
    border: .125rem solid #fff;
    border-radius: 100%;
    background-color: #fff;
    font-family: my-icon;
    font-size: .875rem;
    line-height: 1;
    color: #06bf04;
    content: "\E602"
}

.CheckGroupList ul li img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.ChatInput {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99
}

.ChatEdit {
    padding: .5rem .625rem;
    background-color: #f9f9f9
}

.ChatEdit .van-icon {
    font-size: 2rem;
    color: #888;
    cursor: pointer
}

.ViewHtml {
    max-height: 6.25rem;
    min-height: 2.25rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .375rem .5rem;
    outline: 0;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #333;
    white-space: normal;
    border: .0625rem solid #e4e4e4;
    border-radius: 1.125rem;
    margin: 0 .3125rem
}

.ViewHtml::-webkit-scrollbar {
    display: none
}

.ViewHtml .emoji {
    vertical-align: bottom;
    pointer-events: none
}

.ViewHtml .at {
    background-color: #1989fa!important;
    border: 0!important;
    display: inline-block!important;
    pointer-events: none!important;
    margin: 0 .125rem!important;
    -webkit-text-fill-color: #fff;
    -webkit-opacity: 1;
    padding: 0 .1875rem;
    border-radius: .1875rem;
    box-sizing: content-box
}

.ViewHtml .at,.ViewHtml .at:disabled {
    color: #fff!important
}

.ChatTool,.EmojiBox,.EmojiTool {
    width: 100%;
    overflow: hidden;
    border-top: .0625rem solid #ebebeb;
    background-color: #f9f9f9
}

.EmojiSwipe {
    margin-bottom: .375rem
}

.EmojiSwipe .van-swipe__indicators {
    bottom: 0
}

.EmojiSwipe .van-swipe__indicator {
    background-color: #888
}

.EmojiList {
    overflow: hidden;
    padding: .5rem 0
}

.EmojiList li {
    float: left;
    width: 10%;
    height: 1.5rem;
    padding: .3125rem 0;
    line-height: 1.5rem;
    text-align: center
}

.EmojiList li img {
    vertical-align: middle
}

.EmojiTool li {
    float: left;
    position: relative;
    height: 2.125rem;
    padding: 0 .9375rem;
    font-size: 0;
    line-height: 2.125rem
}

.EmojiTool li+li {
    margin-left: .0625rem
}

.EmojiTool li:not(:last-child):after {
    display: block;
    position: absolute;
    top: .625rem;
    left: -.0625rem;
    width: .0625rem;
    height: .875rem;
    background-color: #ddd;
    content: ""
}

.EmojiTool li img {
    vertical-align: middle
}

.EmojiTool li.active {
    background-color: #eee
}

.ChatTool ul {
    padding: .625rem 0;
    font-size: 0;
    overflow: hidden;
    text-align: center
}

.ChatTool ul+ul {
    padding-top: 0
}

.ChatTool li {
    display: inline-block;
    font-size: .75rem;
    color: #999;
    margin: .3125rem .625rem;
    vertical-align: middle;
    cursor: pointer
}

.ChatTool li img {
    width: 3.125rem
}

.ChatTool li .my-icon,.ChatTool li .van-icon {
    width: 3.125rem;
    height: 3.125rem;
    line-height: 3.125rem;
    border-radius: 100%;
    background-color: #fff;
    margin-bottom: .3125rem;
    border: .0625rem solid #efefef;
    color: #888;
    font-size: 2rem
}

.MsgList {
    padding: 1.25rem .625rem;
    overflow: hidden
}

.MsgList .item {
    overflow: hidden;
    padding-right: 15%;
    position: relative;
    margin-bottom: 1.25rem
}

.MsgList .item dt {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 100%;
    background-color: #e7eaec;
    float: left;
    color: #6b7294;
    overflow: hidden;
    font-size: .9375rem;
    text-align: center
}

.MsgList .item dd {
    margin-left: 3.125rem;
    overflow: hidden
}

.MsgList .MsgTit {
    font-size: .75rem;
    color: #666;
    line-height: 1;
    padding-bottom: .3125rem
}

.MsgList .MsgBox {
    background-color: #fff;
    border-radius: 0 .75rem .75rem .75rem;
    padding: .625rem;
    border: .0625rem solid #e6e7e9;
    display: inline-block;
    word-break: break-all;
    text-align: justify;
    font-size: .9375rem;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

.MsgList .MsgBox .emoji {
    vertical-align: text-bottom;
    margin: 0 .125rem
}

.MsgList .MsgBox .at {
    background-color: transparent!important;
    border: 0!important;
    display: inline-block!important;
    color: #000!important;
    -webkit-text-fill-color: #000;
    -webkit-opacity: 1
}

.MsgList .MsgBox .photo,.MsgList video {
    max-width: 100%;
    max-height: 23.4375rem;
    vertical-align: top
}

.MsgList .MsgBox .video {
    max-width: 100%;
    max-height: 15rem;
    vertical-align: top
}

.MsgList .self {
    padding-left: 15%;
    padding-right: 0;
    text-align: right
}

.MsgList .self dt {
    float: right
}

.MsgList .self dd {
    margin-left: 0;
    margin-right: 3.125rem
}

.MsgList .self .MsgBox {
    border-radius: .75rem 0 .75rem .75rem;
    background-color: #a6eb77;
    border-color: #a0db78
}

.MsgList .item .state {
    display: inline-block;
    vertical-align: middle;
    font-size: .75rem;
    color: #c9c9c9
}

.MsgList .item .state span {
    vertical-align: middle;
    display: inline-block;
    margin-left: .3125rem
}

.MsgList .item .van-loading__spinner {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle
}

.MsgList .item .van-icon-fail {
    font-size: .875rem;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: 100%;
    text-align: center;
    background-color: #ff3737;
    color: #fff
}

.MsgList .wrap {
    width: 100%;
    text-align: center;
    padding: 0
}

.MsgList .wrap dd {
    margin: 0
}

.MsgList .wrap dd .notice {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: .75rem;
    background-color: rgba(0,0,0,.2);
    border-radius: 3.125rem;
    padding: .1875rem .75rem
}

.MsgList .wrap dd .notice i {
    color: #8570e4
}

.FriendCard {
    background-color: #fff;
    padding: .5rem .625rem;
    border: .0625rem solid #ddd;
    overflow: hidden;
    font-size: 0;
    line-height: 1;
    border-radius: .3125rem
}

.FriendCard li {
    display: inline-block;
    font-size: .75rem;
    vertical-align: middle;
    color: #999
}

.FriendCard li.head {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
    background-color: #e7eaec;
    color: #6b7294;
    margin-right: .5rem;
    font-size: .875rem
}

.FriendCard li img {
    width: 100%;
    height: 100%
}

.FriendCard li h3 {
    margin: 0 0 .3125rem;
    font-size: 1rem;
    font-weight: 300;
    color: #000;
    max-width: 7.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.FriendCard li .van-icon {
    color: #1aad19;
    font-size: 1.5rem;
    margin-left: .625rem
}

.FriendCard li:last-child {
    display: block;
    border-top: .0625rem dashed #eee;
    padding-top: .3125rem;
    margin-top: .3125rem
}

.GroupMember {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    padding: .5rem 0;
    border-bottom: .0625rem solid #eee
}

.GroupMember ul li {
    float: left;
    width: 12.5%;
    text-align: center;
    font-size: .75rem;
    margin: .375rem 0;
    position: relative;
    height: 3.5rem
}

.GroupMember ul li .head {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    border-radius: 100%;
    background-color: #e7eaec;
    color: #6b7294;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    font-size: .9375rem
}

.GroupMember ul li p {
    padding: 0 .3125rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.GroupMember ul li a {
    color: #999;
    display: block;
    line-height: 2.5rem
}

.GroupMember ul li .add,.GroupMember ul li .sub {
    border: .0625rem solid #ccc;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    font-size: 0
}

.GroupMember ul li .van-tag {
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    font-size: .625rem;
    border: .0625rem solid #fff
}

.MiLiao .UserCenter .van-cell__right-icon,.MiLiao .UserInfo .van-cell__right-icon {
    font-size: 1.375rem;
    color: #d2d3d6
}

.MiLiao .UserCenter .Info {
    border: 0 solid #f2f2f2;
    border-width: .0625rem 0
}

.MiLiao .UserCenter .Info,.MiLiao .UserInfo .Head {
    padding: .5rem .9375rem
}

.MiLiao .UserCenter .Info .head-img,.MiLiao .UserInfo .Head .head-img {
    display: inline-block;
    width: 4.125rem;
    height: 4.125rem;
    overflow: hidden;
    margin-right: .5rem;
    border-radius: 100%;
    background-color: #e7eaec;
    font-size: 1rem;
    line-height: 4.125rem;
    text-align: center;
    vertical-align: middle;
    color: #6b7294
}

.MiLiao .UserCenter .Info .van-cell__title {
    padding: .625rem 0
}

.MiLiao .UserCenter .haveMark .van-cell__title {
    padding: 0
}

.MiLiao .UserCenter .Info .van-cell__label {
    color: #999
}

.MiLiao .UserCenter .Info .van-cell__label p {
    margin-top: .1875rem
}

.MiLiao .UserCenter .Setting .my-icon {
    margin-right: .625rem;
    font-size: 1.375rem
}

.MiLiao .HeadList {
    width: 100%;
    overflow: hidden;
    padding-bottom: 1.25rem
}

.MiLiao .HeadList .van-cell {
    float: left;
    width: 25%;
    padding: .3125rem;
    border: 0 solid #ebedf0;
    border-width: 0 .0625rem .0625rem 0
}

.MiLiao .HeadList .van-cell img {
    display: block;
    width: 100%
}

.MiLiao .HeadList .van-radio {
    margin-top: .3125rem;
    line-height: 1;
    text-align: center
}

.MiLiao .Scan {
    color: #bbb;
    text-align: center;
    position: relative;
    overflow: hidden
}

.MiLiao .Camera {
    width: 16.875rem;
    height: 16.875rem;
    border: 18.75rem solid rgba(0,0,0,.2);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-55%);
    transform: translate(-50%,-55%);
    z-index: 9;
    box-sizing: content-box
}

.MiLiao .Camera:before {
    content: "";
    width: 16.75rem;
    height: 16.75rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: .0625rem solid hsla(0,0%,100%,.3)
}

.MiLiao .Camera span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.5rem
}

.MiLiao .Camera i {
    position: absolute;
    width: .9375rem;
    height: .9375rem;
    display: block;
    border-color: #03b703;
    border-style: solid
}

.MiLiao .Camera i.t {
    top: -.125rem;
    left: -.125rem;
    border-width: .1875rem 0 0 .1875rem
}

.MiLiao .Camera i.r {
    top: -.125rem;
    right: -.125rem;
    border-width: .1875rem .1875rem 0 0
}

.MiLiao .Camera i.b {
    bottom: -.125rem;
    right: -.125rem;
    border-width: 0 .1875rem .1875rem 0
}

.MiLiao .Camera i.l {
    bottom: -.125rem;
    left: -.125rem;
    border-width: 0 0 .1875rem .1875rem
}

.MiLiao .Video {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.MiLiao .SetPopup {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f5f6f9;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.MiLiao .FormBox .title {
    padding: .625rem .9375rem;
    color: #999
}

.MiLiao .PrimaryBtn {
    display: block;
    width: 88%;
    margin: 1.25rem auto 0;
    border-radius: .3125rem;
    font-size: 1.125rem
}

.MiLiao .DropDown {
    position: absolute;
    top: 3.625rem;
    right: .3125rem;
    z-index: 999;
    opacity: 0;
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.MiLiao .DropDown.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.MiLiao .DropDown:before {
    display: block;
    position: absolute;
    top: -.4375rem;
    right: .625rem;
    border-width: 0 .375rem .4375rem;
    border-style: solid;
    border-color: transparent transparent #2b2f41;
    content: ""
}

.MiLiao .DropDown ul {
    display: block;
    overflow: hidden;
    border-radius: .1875rem;
    background-color: #2b2f41
}

.MiLiao .DropDown ul li {
    position: relative;
    padding: 0 1rem;
    font-size: 0;
    line-height: 2.75rem;
    color: #fff
}

.MiLiao .DropDown ul li:not(:last-child):after {
    position: absolute;
    bottom: 0;
    left: 6%;
    width: 88%;
    border-bottom: .0625rem dotted hsla(0,0%,100%,.1);
    box-sizing: border-box;
    content: " ";
    pointer-events: none
}

.MiLiao .DropDown ul li img {
    display: inline-block;
    margin-right: .625rem;
    vertical-align: middle
}

.MiLiao .DropDown ul li i {
    font-size: .9375rem;
    font-style: normal;
    vertical-align: middle
}

.MiLiao .DropDown ul li:active {
    background-color: #3e445a
}

.MiLiao .Border .van-cell__value {
    border: .0625rem solid #eee
}

.MiLiao .PullDown {
    position: absolute;
    width: 100%;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all;
    transition: all
}

.MiLiao .PullDown canvas {
    vertical-align: top
}

.MiLiao .PullDown .before-trigger {
    line-height: 3.125rem;
    font-size: .75rem;
    color: #bbb
}

.MiLiao .PullDown .van-icon-upgrade {
    font-size: 1.5rem;
    vertical-align: middle
}

.MiLiao .PullDown .van-icon-upgrade.down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.MiLiao .PullDown .after-trigger {
    color: #bbb;
    font-size: .75rem
}

.MiLiao .PullDown .load .van-loading {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block
}

.MiLiao .PullDown .load i {
    margin-left: .5rem;
    vertical-align: middle
}

.MiLiao .ChatTips {
    color: #fff;
    background-color: rgba(0,0,0,.3);
    border-radius: 3.125rem;
    padding: .1875rem .75rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.MiLiao .ChatState,.MiLiao .ChatTips {
    text-align: center;
    font-size: .75rem;
    position: fixed;
    top: 3.25rem;
    z-index: 99
}

.MiLiao .ChatState {
    left: 0;
    right: 0;
    color: #aaa;
    line-height: 1.25rem
}

.MiLiao .ChatState .van-loading {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: middle
}

.MiLiao .NoContent {
    text-align: center;
    color: #888;
    font-size: .9375rem;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
}

.MiLiao .NoContent img {
    width: 30%
}

.MiLiao .NoContent h2 {
    font-weight: 300;
    color: #000;
    margin: .625rem 0;
    font-size: 1.3125rem
}

.MiLiao .Animate {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: -.0625rem 0 .3125rem rgba(0,0,0,.15),.0625rem 0 .3125rem rgba(0,0,0,.15)
}

.MiLiao .NullTips {
    color: #999
}

.MiLiao .UnreadDot {
    width: .5rem;
    height: .5rem;
    display: block;
    position: absolute;
    bottom: .5rem;
    left: 2.8125rem;
    border-radius: 100%;
    background-color: #f44
}

.MiLiao #AppCopy,.MiLiao #IosCopy {
    background: transparent;
    color: transparent;
    position: absolute;
    border: 0;
    top: -3.125rem
}

.LongTap {
    min-width: 5.625rem;
    display: block;
    overflow: hidden;
    border-radius: .1875rem;
    background-color: #2b2f41;
    position: absolute;
    text-align: center
}

.LongTap li {
    position: relative;
    padding: 0 1rem;
    line-height: 2.75rem;
    color: #fff
}

.LongTap li:not(:last-child):after {
    position: absolute;
    bottom: 0;
    left: 6%;
    width: 88%;
    border-bottom: .0625rem dotted hsla(0,0%,100%,.1);
    box-sizing: border-box;
    content: " ";
    pointer-events: none
}

.D-confirm {
    width: 70%;
    border-radius: .625rem
}

.D-confirm .van-dialog__header {
    padding-top: .9375rem;
    font-weight: 600;
    font-size: 1.0625rem
}

.D-confirm .van-dialog__message {
    padding: 1.875rem 1rem;
    font-size: 1rem;
    font-weight: 600
}

.D-confirm .van-dialog__message--has-title {
    font-weight: 400
}

.D-confirm .van-button {
    height: 2.75rem;
    line-height: 2.75rem
}

.D-confirm .van-hairline--top:after {
    border-color: #d5d5d5
}

.D-confirm .van-dialog__message--has-title {
    color: #000
}

.close-enter-active,.close-leave-active,.open-enter-active,.open-leave-active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.close-enter-active,.close-leave-active,.close-leave-to,.open-enter,.open-enter-active,.open-leave-active {
    -webkit-transition: transform .4s cubic-bezier(.15,.1,.02,1),-webkit-transform .4s cubic-bezier(.15,.1,.02,1);
    transition: transform .4s cubic-bezier(.15,.1,.02,1),-webkit-transform .4s cubic-bezier(.15,.1,.02,1)
}

.close-leave-to,.open-enter {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.close-enter,.open-leave-to {
    -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

.close-enter-active .NavBar>div,.close-leave-active .NavBar>div,.close-leave-to .NavBar>div,.open-enter-active .NavBar>div,.open-enter .NavBar>div,.open-leave-active .NavBar>div {
    -webkit-transition: opacity .3s cubic-bezier(.15,.1,.02,1);
    transition: opacity .3s cubic-bezier(.15,.1,.02,1)
}

.close-leave-to .NavBar>div,.open-leave-to .NavBar>div {
    opacity: 0
}

.close-enter-active {
    z-index: 150
}

.close-leave-active {
    z-index: 160
}

.MiLiao .van-nav-bar {
    height: 3rem;
    background-color: #f5f6f9;
    line-height: 3rem;
    color: #333
}

.MiLiao .van-nav-bar__text {
    font-size: 1rem;
    color: #333
}

.MiLiao .van-nav-bar__text:active {
    background-color: inherit
}

.MiLiao .van-nav-bar__title {
    font-size: 1.375rem;
    color: #333
}

.MiLiao .van-nav-bar .van-icon {
    color: #888;
    font-size: 1.5rem
}

.MiLiao .van-search__content {
    padding: 0;
    background-color: #fff
}

.MiLiao .van-search .van-cell {
    padding: .125rem .625rem .1875rem;
    font-size: 1rem
}

.MiLiao .van-search__action {
    padding: 0 .9375rem;
    font-size: 1rem;
    color: #666
}

.MiLiao .van-search__action:active {
    background: transparent
}

.MiLiao .van-field__left-icon .van-icon {
    font-size: 1.25rem;
    color: #999
}

.MiLiao .van-cell {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.MiLiao .van-cell:not(:last-child):after {
    left: 0
}

.MiLiao .van-cell__title {
    font-size: .9375rem
}

.MiLiao .van-cell__label,.MiLiao .van-cell__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.MiLiao .van-cell--center .van-cell__label,.MiLiao .van-cell--center .van-cell__title,.MiLiao .van-cell--center .van-cell__value {
    text-align: center
}

.MiLiao .van-switch-cell .van-cell__label,.MiLiao .van-switch-cell .van-cell__title,.MiLiao .van-switch-cell .van-cell__value {
    text-align: inherit
}

.Autograph .van-cell__label {
    text-align: justify;
    white-space: normal
}

.MiLiao .van-picker__toolbar {
    background-color: #f5f5f5
}

.MiLiao .van-picker__toolbar>div {
    font-size: 1rem
}

.MiLiao .van-picker__cancel {
    color: #999
}

.MiLiao .van-switch {
    width: 2.75rem
}

.MiLiao .van-switch--on .van-switch__node {
    -webkit-transform: translateX(1.125rem);
    transform: translateX(1.125rem)
}

.MiLiao .van-switch-cell .van-cell__title {
    font-size: 1rem
}

.MiLiao [class*=van-hairline]:after {
    border-color: #0e1526
}

.MiLiao .van-tag {
    min-width: .625rem;
    padding: 0 .25rem .0625rem;
    font-size: .8125rem;
    text-align: center
}

.MiLiao .van-swipe-cell__right span {
    width: 4.375rem;
    height: 100%;
    background-color: #f44;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    float: left;
    position: relative
}

.MiLiao .van-swipe-cell__right span.grey {
    background-color: #c7c7ce
}

.MiLiao .van-swipe-cell__right span i {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.MiLiao .van-cell--clickable:active {
    background-color: #e8e8e8
}

.MiLiao .van-button--primary {
    border: .0625rem solid #1aad19;
    background-color: #1aad19
}

.MiLiao .van-button--mini {
    width: auto;
    padding: 0 .5rem
}

.van-toast {
    min-width: 5.5rem;
    width: auto;
    min-height: auto
}

.MiLiao .van-switch-cell+.van-switch-cell {
    border-top: .0625rem solid #f3f3f3
}

.MiLiao .van-field__control[size=large] {
    font-size: 1rem
}

.MiLiao .van-dialog__confirm,.MiLiao .van-dialog__confirm:active {
    color: #f44
}

.MiLiao .van-overlay {
    background-color: rgba(0,0,0,.3)
}

.MiLiao .van-image-preview__overlay {
    background-color: rgba(0,0,0,.9)
}

.MiLiao .van-image-preview__image {
    max-height: 90%
}

.MiLiao .van-radio__icon .van-icon {
    display: inline-block
}

.MsgList .NoBG,.MsgList .self .NoBG {
    background: none;
    border: 0;
    padding: 0;
    border-radius: 0
}

.MsgBox .BetOneBox {
    background: url(../../assets/images/follow-bg.png) no-repeat center 0;
    padding-top: 2.5rem;
    background-size: auto 2.5rem
}

.MsgBox .BetOneCon {
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#fff)),-webkit-gradient(linear,left top,right top,from(#a32dd8),to(#3180fd));
    background-image: -webkit-linear-gradient(bottom,#fff,#fff),-webkit-linear-gradient(left,#a32dd8,#3180fd);
    background-image: linear-gradient(0deg,#fff,#fff),linear-gradient(90deg,#a32dd8,#3180fd);
    border: .125rem solid transparent;
    padding: .875rem;
    color: #7d49e4;
    border-top-right-radius: .375rem;
    font-size: .875rem;
    overflow: hidden
}

.MsgList .self .BetOneCon {
    border-top-left-radius: .375rem;
    border-top-right-radius: 0
}

.MsgBox .BetOneCon h4 {
    margin: 0 0 .9375rem;
    text-align: center
}

.MsgBox .BetOneBtn {
    position: relative;
    top: -.0625rem;
    text-align: center;
    color: #fff;
    font-size: .9375rem;
    height: 2.25rem;
    line-height: 2.25rem;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: -webkit-gradient(linear,left top,right top,from(#a32dd8),to(#3180fd)),-webkit-gradient(linear,left top,right top,from(#a32dd8),to(#3180fd));
    background-image: -webkit-linear-gradient(left,#a32dd8,#3180fd),-webkit-linear-gradient(left,#a32dd8,#3180fd);
    background-image: linear-gradient(90deg,#a32dd8,#3180fd),linear-gradient(90deg,#a32dd8,#3180fd);
    border-radius: 0 0 .375rem .375rem
}

.MsgBox .BetTwoBox {
    padding: .1875rem
}

.MsgBox .BetTwoCon {
    background: #fff;
    background: -webkit-gradient(linear,left top,right top,from(#fafafa),to(#fff));
    background: -webkit-linear-gradient(left,#fafafa,#fff);
    background: linear-gradient(90deg,#fafafa,#fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fafafa,endcolorstr=#fff,gradientType=1);
    color: #999;
    box-shadow: 0 .0625rem .1875rem rgba(0,0,0,.2);
    border-radius: 0 .375rem .375rem .375rem;
    font-size: .75rem
}

.MsgList .self .BetTwoCon {
    border-radius: .375rem 0 .375rem .375rem
}

.MsgBox .BetTwoCon .top {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0;
    border-bottom: .0625rem solid #f5f5f5;
    padding: .3125rem .5rem
}

.MsgBox .BetTwoCon .top,.MsgBox .BetTwoCon .top>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.MsgBox .BetTwoCon .top>div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.MsgBox .BetTwoCon .title {
    padding: 0 .625rem 0 .3125rem;
    overflow: hidden
}

.MsgBox .BetTwoCon .play {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.MsgBox .BetTwoCon .play em {
    color: #fc7a11
}

.MsgBox .BetTwoCon .title h4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    color: #333
}

.MsgBox .BetTwoCon .con {
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: .625rem 0;
    line-height: 1
}

.MsgBox .BetTwoCon .con>div {
    width: 50%;
    padding: 0 .5rem;
    box-sizing: border-box
}

.MsgBox .BetTwoCon .con .fl {
    border-right: .0625rem solid #f3f3f3;
    margin-left: -.0625rem
}

.MsgBox .BetTwoCon .con b {
    color: #fc7a11;
    font-size: 1rem;
    margin-bottom: .3125rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.MsgBox .BetTwoBtn {
    border: .0625rem solid rgba(252,122,17,.3);
    text-align: center;
    border-radius: 0 0 .375rem .375rem;
    font-size: .9375rem;
    height: 1.875rem;
    line-height: 1.875rem;
    box-shadow: 0 .0625rem .1875rem rgba(252,122,17,.3);
    color: #fc7a11;
    cursor: pointer
}

.FollowBet {
    width: 80%;
    border-radius: .375rem
}

.FollowBet .van-cell__value {
    font-size: .8125rem;
    color: #fc7a11;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.FollowBet .van-cell__title {
    font-size: .8125rem;
    color: #888
}

.FollowBet .van-cell__title .title {
    line-height: 1;
    font-size: .75rem;
    margin-left: 2.6875rem
}

.FollowBet .van-cell__title .title h4 {
    font-size: .875rem;
    margin: 0 0 .5625rem;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.FollowBet .price {
    padding: .1875rem .625rem;
    border: .0625rem solid #eee;
    border-radius: .3125rem
}

.FollowBet .price .van-field__label {
    -webkit-box-flex: none;
    -webkit-flex: none;
    flex: none;
    font-size: 1.125rem;
    color: #fc7a11;
    padding-right: .3125rem
}

.FollowBet .price .van-field__control {
    font-size: 1.125rem;
    color: #fc7a11
}

.FollowBet .price .van-field__control::-webkit-input-placeholder {
    font-size: .875rem
}

.FollowBet .price .van-field__control::placeholder {
    font-size: .875rem
}

.FollowBet .btn {
    padding: .625rem .9375rem;
    overflow: hidden
}

.FollowBet .btn .van-button {
    background-color: #bbb;
    border-radius: .3125rem;
    width: 46%;
    color: #fff;
    font-size: 1rem;
    border: 0;
    height: 2.5rem;
    line-height: 2.5rem
}

.FollowBet .btn .van-button--primary {
    background-color: #fc7a11
}

.FollowBet .btn .van-button--disabled {
    opacity: 1;
    background-color: #bbb
}

.BetButton {
    width: 3.75rem;
    height: 2.875rem;
    background: url() no-repeat center 0;
    position: absolute;
    z-index: 999;
    background-size: contain;
    font-size: 0;
    top: -3.4375rem
}

.Promoter {
    background-image: url()
}

.LotteryBox {
    width: 100%;
    background-color: rgba(0,0,0,.75);
    overflow: hidden;
    min-height: 9.125rem;
    position: relative
}

.LotteryBox .van-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.875rem 0 0 -1.875rem
}

.LotteryBox .van-tabs--card {
    padding-top: 3.125rem
}

.LotteryBox .van-tabs__nav {
    background: none;
    margin: 0;
    border: 0;
    border-bottom: .0625rem solid rgba(0,0,0,.2)
}

.LotteryBox .van-tabs__nav--card .van-tab {
    border: 0;
    background: none;
    color: #999
}

.LotteryBox .van-tabs__nav--card .van-tab.van-tab--active {
    color: #fff;
    border-bottom: .125rem solid #f44
}

.LotteryList li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 0 .3125rem 1.25rem;
    box-sizing: border-box
}

.LotteryList li a {
    color: #fff;
    font-size: .75rem;
    display: block
}

.LotteryList li a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BetBox {
    width: 100%;
    background-color: rgba(0,0,0,.75);
    height: 18.75rem
}

.BetBox .wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 4.0625rem 0 2.8125rem;
    box-sizing: border-box
}

.BetBox a {
    color: #fff
}

.BetBox .tabs {
    position: absolute;
    top: -1.5rem;
    left: .625rem
}

.BetBox .tabs li {
    line-height: 1.5rem;
    float: left;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    padding: 0 .9375rem;
    font-size: .75rem;
    cursor: pointer
}

.BetBox .tabs li:first-child {
    border-top-left-radius: .5rem
}

.BetBox .tabs li:last-child {
    border-top-right-radius: .5rem
}

.BetBox .tabs li.active {
    background-color: rgba(0,0,0,.75);
    color: #d06116
}

.BetBox .top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4.0625rem
}

.BetBox .top .item {
    padding: .625rem .5rem 0;
    line-height: 1rem;
    font-size: .75rem;
    color: #fff;
    overflow: hidden
}

.BetBox .top .item.lh20 {
    line-height: 1.25rem
}

.BetBox .top .play {
    font-size: .875rem
}

.BetBox .top .number .van-icon,.BetBox .top .play .van-icon {
    width: .875rem;
    height: .875rem;
    line-height: .875rem;
    border-radius: 100%;
    border: .0625rem solid #fff;
    font-size: .75rem;
    text-align: center;
    vertical-align: top;
    margin-left: .1875rem
}

.BetBox .top .peilv {
    color: #ff8935;
    font-size: .75rem
}

.BetBox .top .number {
    font-size: .75rem
}

.BetBox .top .number .van-icon {
    margin-top: .125rem
}

.BetBox .top .number span i {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    border-radius: 100%;
    background-color: #d82e2f;
    text-align: center;
    margin-left: .1875rem;
    font-size: .875rem
}

.BetBox .top .number span i.none {
    background-color: #888
}

.BetBox .top .klc .number .van-icon {
    margin-top: 0
}

.BetBox .top .klc .number i {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .625rem
}

.BetBox .top .lhc .number i {
    font-size: .75rem
}

.klc [class^=ball] {
    text-shadow: #000 .0625rem 0 0,#000 0 .0625rem 0,#000 -.0625rem 0 0,#000 0 -.0625rem 0
}

.klc [class^="ball?"] {
    text-shadow: none
}

.klc .ball01,.klc .ball1 {
    background-color: #ffde01!important
}

.klc .ball02,.klc .ball2 {
    background-color: #0089ff!important
}

.klc .ball03,.klc .ball3 {
    background-color: #4d4d4d!important
}

.klc .ball04,.klc .ball4 {
    background-color: #ff7300!important
}

.klc .ball05,.klc .ball5 {
    background-color: #01d7d7!important
}

.klc .ball06,.klc .ball6 {
    background-color: #5201ff!important
}

.klc .ball07,.klc .ball7 {
    background-color: #a5a5a5!important
}

.klc .ball08,.klc .ball8 {
    background-color: red!important
}

.klc .ball09,.klc .ball9 {
    background-color: #760000!important
}

.klc .ball10 {
    background-color: #28c201!important
}

.BetBox .bottom {
    height: 2.8125rem
}

.BetBox .middle {
    background-color: rgba(0,0,0,.6);
    width: 100%
}

.BetBox .middle,.PlayNav,.PlayNav .van-tabs--line {
    height: 100%;
    overflow: hidden
}

.PlayNav .van-tabs--line {
    padding-top: 2.375rem;
    box-sizing: border-box
}

.PlayNav .van-tabs__wrap {
    height: 1.875rem
}

.PlayNav .van-tabs__nav {
    background: none
}

.PlayNav .van-hairline--top-bottom:after {
    border: 0
}

.PlayNav .van-tab {
    color: #fff;
    height: 1.875rem;
    line-height: 1.875rem;
    padding: 0 .8125rem
}

.PlayNav .van-tabs__content {
    height: 100%;
    overflow-y: auto
}

.SubNav {
    padding: 0 0 .5rem .8125rem;
    overflow: hidden
}

.SubNav li {
    width: 100%;
    overflow: hidden;
    padding-top: .5rem
}

.SubNav li span {
    float: left;
    color: #fff;
    width: 5rem;
    line-height: 1.875rem;
    color: #bbb
}

.SubNav li div {
    margin-left: 5rem;
    font-size: 0
}

.SubNav li a {
    display: inline-block;
    background-color: #666;
    border-radius: .3125rem;
    width: 30%;
    text-align: center;
    margin: 0 .5rem .5rem 0;
    line-height: 1.875rem;
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SubNav li a.curr {
    background-color: #f44
}

.PlayHtml,.QuickChip {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    color: #fff;
    position: relative
}

.PlayHtml .van-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.875rem 0 0 -1.875rem
}

.SscCheckNumber {
    padding-left: .625rem;
    overflow: hidden
}

.SscCheckNumber li {
    position: relative;
    padding: .9375rem 0
}

.buyNumberTitle {
    font-size: 1rem;
    height: 1.375rem;
    line-height: 1.375rem;
    display: block;
    width: 9.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.buyNumberFilter {
    background-color: #4b4b4b;
    border-radius: .3125rem;
    position: absolute;
    right: .625rem;
    top: .9375rem;
    overflow: hidden;
    text-align: center
}

.buyNumberFilter a {
    line-height: 1.375rem;
    height: 1.375rem;
    width: 1.875rem;
    float: left;
    font-size: .75rem
}

.buyNumberFilter a.on {
    background-color: #d82e2f
}

.buyNumber {
    width: 100%;
    overflow: hidden;
    margin-top: .3125rem
}

.buyNumber a {
    float: left;
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    background-color: #fff;
    border-radius: 100%;
    color: #000;
    font-size: 1rem;
    margin: .3125rem .3125rem 0 0;
    text-align: center
}

.h2dxds .buyNumber a,.h3dxds .buyNumber a,.meiniu .buyNumber a,.ndxds .buyNumber a,.q2dxds .buyNumber a,.q3dxds .buyNumber a,.youniu .buyNumber a,.zdds .buyNumber a,.zhds .buyNumber a,.zhdx .buyNumber a,.zxds .buyNumber a {
    border-radius: .375rem;
    width: 18.5%;
    height: 2.5rem;
    line-height: 2.5rem
}

.buyNumber a.active {
    background-color: #d82e2f;
    color: #fff
}

.buyNumber.cbz,.buyNumber.pei {
    margin: 0
}

.buyNumber.cbz a,.buyNumber.pei a {
    width: 22%;
    height: auto;
    border-radius: .5rem;
    line-height: 1;
    padding: .625rem 0;
    margin: .625rem .625rem 0 0
}

.buyNumber.cbz a span,.buyNumber.pei a span {
    display: block;
    font-size: .75rem;
    color: #f44;
    margin-top: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.buyNumber.cbz a.active span,.buyNumber.pei a.active span {
    color: #fff
}

.checkWQ .buyNumberTitle {
    float: left;
    width: auto
}

.numberCheckbox {
    float: right;
    line-height: 1.375rem;
    font-size: .75rem
}

.numberCheckbox label {
    margin-right: .625rem;
    float: left
}

.numberCheckbox label input {
    margin: 0 .1875rem 0 0;
    vertical-align: sub
}

.CheckNumber {
    width: 100%;
    overflow: hidden;
    padding: 1.25rem 0
}

.CheckNumber ul {
    font-size: 0;
    text-align: center;
    line-height: 1;
    width: 100%;
    overflow: hidden
}

.CheckNumber li {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.CheckNumber li a {
    font-size: 1rem;
    color: #000;
    display: block;
    padding: .9375rem .625rem;
    min-width: 1.875rem;
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
    border-radius: .5rem;
    margin: .3125rem
}

.CheckNumber li a.active {
    background-color: #d82e2f;
    color: #fff
}

.CheckNumber li.pei {
    display: block
}

.CheckNumber li.pei a {
    float: left;
    width: 22%;
    height: auto;
    padding: .625rem 0;
    margin: .3125rem 0 .3125rem .5625rem
}

.CheckNumber li.pei a span {
    width: 100%;
    font-size: .75rem;
    color: #f44;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .3125rem
}

.CheckNumber li.pei a.active span {
    color: #fff
}

.BetTool,.ChaseTool {
    padding: .625rem;
    color: #fff;
    text-align: center;
    overflow: hidden
}

.BetTool.opacity {
    opacity: .5
}

.BetTool>span {
    float: left;
    height: 1.5625rem;
    line-height: 1.5625rem;
    font-size: .75rem;
    background-color: #888;
    border-radius: 3.125rem;
    padding: 0 .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BetTool .money,.BetTool .total {
    width: 8.125rem;
    margin-right: .625rem
}

.BetTool .total.tui {
    width: 6.875rem
}

.BetTool .money b,.BetTool .total b {
    color: #ff8935;
    font-size: .8125rem
}

.BetTool .total b {
    margin: 0 .1875rem
}

.BetTool .van-button,.ChaseTool .van-button {
    float: left;
    height: 1.5625rem;
    line-height: 1.375rem;
    padding: 0 .625rem
}

.BetTool .opacity .van-button {
    opacity: .6
}

.BetTool .van-button+.van-button,.ChaseTool .van-button+.van-button {
    margin-left: .625rem
}

.QuickChip dl {
    overflow: hidden;
    margin: 0;
    padding: 1.5625rem .9375rem
}

.QuickChip dt {
    float: left;
    line-height: 2.1875rem
}

.QuickChip dd {
    margin: 0;
    overflow: hidden
}

.QuickChip dd a {
    width: 2.1875rem;
    height: 2.1875rem;
    float: left;
    margin: 0 0 .625rem .625rem;
    background: url() no-repeat;
    background-size: contain;
    opacity: .7;
    position: relative;
    font: 1rem/1 vant-icon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.QuickChip dd a.active {
    opacity: 1
}

.QuickChip dd a.active:after {
    content: "\F0C1";
    width: .75rem;
    height: .75rem;
    line-height: .875rem;
    border-radius: 100%;
    bottom: 0;
    right: 0;
    position: absolute;
    background-color: #fff114;
    color: #000;
    font-size: .75rem;
    text-align: center;
    font-weight: 600;
    overflow: hidden
}

.QuickChip dd a.chip10 {
    background-image: url()
}

.QuickChip dd a.chip100 {
    background-image: url()
}

.QuickChip dd a.chip1000 {
    background-image: url()
}

.QuickChip dd a.chip5000 {
    background-image: url()
}

.QuickChip dd a.chip10000 {
    background-image: url()
}

.QuickChip dd a.chip50000 {
    background-image: url()
}

.QuickChip .van-cell {
    background-color: #888;
    border-radius: 6.25rem;
    padding: .5rem .9375rem;
    margin-top: 1.25rem
}

.QuickChip .van-field__control {
    color: #fff;
    font-size: 1.125rem
}

.QuickChip .van-field__control::-webkit-input-placeholder {
    color: #ddd;
    font-size: .875rem
}

.QuickChip .van-field__control::placeholder {
    color: #ddd;
    font-size: .875rem
}

.QuickChip .van-button {
    width: 46%;
    margin-top: 1.875rem;
    font-size: 1rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.BetBox .van-button--default {
    background-color: #888;
    color: #fff;
    border-color: #888
}

.D-bet-onfirm {
    width: 90%
}

.BetConfirm {
    color: #888;
    font-size: .875rem;
    text-align: left
}

.BetConfirm li {
    width: 100%;
    overflow: hidden
}

.BetConfirm li span {
    width: 3.75rem;
    float: left;
    text-align: right;
    padding-right: .3125rem
}

.BetConfirm li div {
    overflow: hidden;
    padding-right: .125rem
}

.BetConfirm li input[type=text] {
    padding: .1875rem .5rem
}

.BetConfirm li input[type=text],.BetConfirm li textarea {
    border-radius: .1875rem;
    border: .0625rem solid #ddd;
    width: 100%;
    box-sizing: border-box;
    color: #000
}

.BetConfirm li textarea {
    font-size: .75rem;
    padding: .3125rem .5rem;
    margin-top: .3125rem
}

.BetConfirm li em {
    color: #d82e2f;
    font-size: 1rem
}

.BetConfirm li.follow {
    text-align: center;
    margin-top: .625rem
}

.BetConfirm li.follow input {
    vertical-align: middle
}

.ChaseBox .item {
    position: relative
}

.ChaseBox .item .no {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: .625rem
}

.ChaseBox .item .no b {
    font-size: .875rem;
    color: #ff7614
}

.ChaseBox .top .set {
    font-size: .875rem;
    line-height: 1.5rem;
    text-align: center;
    padding-top: .3125rem
}

.ChaseBox .van-stepper {
    display: inline-block;
    vertical-align: top
}

.ChaseBox .van-stepper__minus,.ChaseBox .van-stepper__plus {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: top;
    margin: 0 .1875rem;
    border-radius: 100%;
    background-color: #888
}

.ChaseBox .van-stepper__minus--disabled {
    opacity: .6
}

.ChaseBox .van-stepper__minus:before,.ChaseBox .van-stepper__plus:after,.ChaseBox .van-stepper__plus:before {
    background-color: #fff
}

.ChaseBox .van-stepper__input {
    height: 1.5rem;
    border: 0;
    padding: 0 .3125rem;
    border-radius: 3.125rem;
    background-color: #888;
    vertical-align: top;
    margin: 0 .1875rem;
    color: #fff
}

.ChaseList {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    color: #fff;
    position: relative
}

.ChaseList .van-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.875rem 0 0 -1.875rem
}

.ChaseList ul {
    padding: .9375rem 0
}

.ChaseList ul li {
    height: 1.5rem;
    line-height: 1.5rem;
    overflow: hidden;
    padding: 0 .9375rem
}

.ChaseList ul li+li {
    margin-top: .9375rem
}

.ChaseList ul li .no {
    font-size: 1rem;
    margin-right: .9375rem
}

.ChaseList ul li .van-stepper__input {
    width: 5rem
}

.ChaseTool .switch {
    float: left;
    font-size: .75rem;
    line-height: 1;
    height: 1.5625rem;
    overflow: hidden
}

.ChaseTool .van-switch {
    height: 1.4375rem;
    float: left;
    margin-right: .3125rem
}

.ChaseTool .van-switch__node {
    width: 1.4375rem;
    height: 1.4375rem
}

.ChaseTool .total {
    background-color: #000;
    border-radius: 3.125rem;
    height: 1.5625rem;
    line-height: 1.5625rem;
    overflow: hidden;
    padding: 0 .625rem;
    display: inline-block;
    vertical-align: top
}

.ChaseTool .total i {
    color: #ff7614
}

.LotteryRecord {
    padding: .625rem 0!important;
    background-color: rgba(0,0,0,.5)
}

.LotteryRecord .van-loading,.LotteryTrend .van-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.875rem 0 0 -1.875rem
}

.LotteryRecord li {
    color: #fff;
    padding: .3125rem .9375rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    line-height: 1.5rem;
    font-size: .75rem
}

.LotteryRecord li span {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    flex: auto
}

.LotteryRecord li span:last-child {
    text-align: right
}

.LotteryRecord li b {
    font-size: 1rem;
    font-weight: 400;
    display: inline-block
}

.LotteryRecord li b p {
    font-size: .75rem;
    text-align: left;
    line-height: 1;
    margin-top: .125rem;
    text-indent: .3125rem
}

.LotteryRecord li i {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    background-color: #d82e2f;
    font-size: .875rem
}

.LotteryRecord li b+b,.LotteryRecord li i+i {
    margin-left: .3125rem
}

.LotteryRecord li .klc i {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .75rem
}

.LotteryRecord li .klc i+i {
    margin-left: .1875rem
}

.LotteryRecord li i.he,.LotteryRecord li i.lvb {
    background-color: #00ab36
}

.LotteryRecord li i.lb {
    background-color: #0054ff
}

.LotteryRecord li em {
    font-size: .75rem;
    margin-left: .125rem
}

.RecordScroll {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.ChaseList::-webkit-scrollbar,.PlayHtml::-webkit-scrollbar,.QuickChip::-webkit-scrollbar,.RecordScroll::-webkit-scrollbar {
    width: .3125rem;
    border-radius: 3.125rem
}

.ChaseList::-webkit-scrollbar-thumb,.PlayHtml::-webkit-scrollbar-thumb,.QuickChip::-webkit-scrollbar-thumb,.RecordScroll::-webkit-scrollbar-thumb {
    border-radius: .3125rem;
    background-color: hsla(0,0%,100%,.3)
}

.NumberList {
    padding: .3125rem 0;
    width: 100%;
    overflow: hidden;
    background-color: #eee;
    height: 4.375rem;
    position: relative;
    z-index: 10
}

.NumberList .van-swipe-item {
    box-sizing: border-box;
    padding: 0 .3125rem
}

.NumberList .van-swipe__track {
    position: relative;
    left: .9375rem
}

.NumberList dl {
    height: 4.375rem;
    overflow: hidden;
    margin: 0;
    background-color: #fff;
    border-radius: .3125rem;
    box-sizing: border-box;
    padding: .625rem
}

.NumberList dl dt {
    float: left;
    width: 3.75rem
}

.NumberList dl dd {
    margin-left: 3.75rem;
    overflow: hidden;
    line-height: 1.3
}

.NumberList dl .title {
    width: 100%;
    overflow: hidden
}

.NumberList dl .title .fr {
    color: #888;
    font-size: .75rem
}

.NumberList dl .number {
    width: 100%;
    overflow: hidden;
    margin-top: .5rem
}

.NumberList dl .number .time {
    float: right;
    font-size: .75rem;
    color: #888;
    line-height: 1.5rem;
    white-space: nowrap
}

.NumberList dl .number i {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 100%;
    float: left;
    background-color: #d82e2f;
    color: #fff;
    text-align: center
}

.NumberList dl .number i+i {
    margin-left: .625rem
}

.NumberList dl .number.klc i {
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem
}

.NumberList dl .number.klc i+i {
    margin-left: .125rem
}

.NumberList dl .room.klc {
    margin: 0
}

.NumberList dl .room.klc i {
    width: 1.125rem;
    height: 1.125rem;
    line-height: 1.125rem;
    font-size: .75rem;
    margin-bottom: .125rem
}

.NumberList dl .room.klc i+i {
    margin-left: .25rem
}

.NumberList dl .room.klc .num {
    width: 6.875rem;
    float: left
}

.NumberList dl .room.klc i:nth-child(6) {
    margin-left: 0
}

.NumberList dl .room.ssc i+i {
    margin-left: .25rem
}

.NumberList dl .room.lhc i {
    width: 1.125rem;
    height: 1.125rem;
    line-height: 1.125rem;
    font-size: .75rem
}

.NumberList dl .room.lhc i+i {
    margin-left: .125rem
}

.NumberList dl .room [class^="ball?"] {
    width: 1.5rem!important;
    height: 1.5rem!important;
    line-height: 1.5rem!important;
    font-size: .875rem!important
}

.NumberList dl .room.klc [class^="ball?"] {
    margin-top: .5rem
}

@media screen and (max-width: 320px) {
    .NumberList dl .room.ssc i {
        width:1.25rem;
        height: 1.25rem;
        line-height: 1.25rem
    }

    .NumberList dl .room.ssc i+i {
        margin-left: .1875rem
    }
}

#WinTips {
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    z-index: 20
}

.WinTips {
    margin: 0 auto;
    width: 84%;
    background: -webkit-linear-gradient(left,#ff430d,#ff0fa0);
    background: linear-gradient(90deg,#ff430d,#ff0fa0);
    border-radius: 6.25rem;
    border: .1875rem solid #fff000;
    padding: .3125rem 1.5625rem .3125rem 4.0625rem;
    text-align: justify;
    color: #fff;
    box-sizing: border-box;
    position: relative
}

#WinTips.in {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

#WinTips.out {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.WinTips:before {
    background: url(../../assets/images/win-l.png) no-repeat 0 bottom;
    background-size: contain;
    left: -1.875rem
}

.WinTips:after,.WinTips:before {
    display: block;
    content: "";
    height: 5.9375rem;
    width: 5.9375rem;
    position: absolute;
    bottom: -.3125rem
}

.WinTips:after {
    background: url(../../assets/images/win-r.png) no-repeat 0 bottom;
    background-size: contain;
    right: -2.8125rem
}

.WinTips em:first-child {
    color: #9cff00
}

.WinTips em:last-child {
    color: #fffc00
}

.Barrage {
    right: .75rem;
    top: -2.1875rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border: .125rem solid #ddd;
    color: #ccc;
    border-radius: .3125rem;
    font-size: .9375rem
}

.Barrage,.Barrage:after {
    position: absolute;
    text-align: center;
    background-color: #f5f6f9
}

.Barrage:after {
    display: none;
    content: "\F08D";
    border-radius: 100%;
    bottom: -.25rem;
    right: -.625rem;
    color: #1989fa;
    font-weight: 600;
    font: .875rem/1 vant-icon;
    border: .125rem solid #f5f6f9;
    font-weight: 700
}

.Barrage.on {
    border-color: #1989fa;
    color: #1989fa
}

.Barrage.on:after {
    display: block
}

#FireCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    pointer-events: none
}

.GroupPass {
    border-radius: .625rem;
    width: 90%;
    text-align: center;
    padding: 1.5625rem;
    box-sizing: border-box
}

.GroupPass h3 {
    font-weight: 400;
    margin: 0 0 1.875rem
}

.GroupPass .van-password-input {
    margin: 0
}

.GroupPass .van-password-input__security {
    display: block;
    font-size: 0;
    height: 2.25rem
}

.GroupPass .van-hairline--surround:after {
    border: 0
}

.GroupPass .van-password-input__security li {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem
}

.GroupPass .van-password-input__security li+li {
    margin-left: .625rem
}

.GroupPass .van-password-input__security li:after {
    border: .0625rem solid #bbb;
    border-radius: .625rem
}

.GroupPass .van-button--danger {
    width: 100%;
    border-radius: 6.25rem;
    margin-top: 1.875rem;
    font-size: 1rem;
    background-image: -webkit-gradient(linear,left top,right top,from(#6f28f9),to(#d6038d));
    background-image: -webkit-linear-gradient(left,#6f28f9,#d6038d);
    background-image: linear-gradient(90deg,#6f28f9,#d6038d);
    color: #fff;
    border: 0
}

.GroupPass .van-button--disabled {
    opacity: 1;
    background: #ddd;
    border-color: #ddd;
    color: #aaa
}

.GroupPass .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.5rem;
    color: #aaa
}

.GroupPass .van-button--default,.GroupPass .van-button--primary {
    border-radius: 6.25rem;
    margin-top: 1.875rem;
    width: 46%;
    font-size: 1rem
}

.GroupPass .van-button--default {
    background-color: #e5e5e5
}

.van-button {
    cursor: pointer
}

.LotteryTrend {
    padding: 1.875rem 0 0!important
}

.LotteryTrend table {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: .75rem;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    table-layout: fixed
}

.LotteryTrend .head {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.875rem;
    color: #bbb;
    border-bottom: .0625rem solid hsla(0,0%,100%,.2)
}

.LotteryTrend .head td {
    padding: 0
}

.LotteryTrend tbody td {
    border: .0625rem solid hsla(0,0%,100%,.2);
    border-top: 0;
    border-left: 0;
    line-height: 1.75rem;
    padding: 0
}

.LotteryTrend tbody td i {
    display: block
}

.LotteryTrend tbody td .he {
    background-color: #d82e2f;
    border-radius: 100%;
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    text-align: center
}

.LotteryTrend tbody td .da {
    background-color: #f45e5d
}

.LotteryTrend tbody td .xiao {
    background-color: #7374e0
}

.LotteryTrend tbody td .dan {
    background-color: #bd68e1
}

.LotteryTrend tbody td .shuang {
    background-color: #f37e4e
}

.VideoBox {
    position: relative
}

.VideoBox img {
    max-height: 9.375rem;
    pointer-events: none
}

.VideoBox .play-btn {
    position: absolute;
    font-size: 3rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    opacity: .9;
    pointer-events: none
}

.VideoBox>p {
    font-size: .75rem;
    position: absolute;
    bottom: .3125rem;
    right: .625rem;
    text-align: right;
    color: #fff
}

.BillBox {
    background-color: #f99d3a;
    color: #fff;
    border-radius: .3125rem;
    min-width: 13.75rem
}

.BillState1 .BillBox,.BillState2 .BillBox {
    opacity: .6
}

.BillBox>p {
    padding: .3125rem .9375rem;
    font-size: .75rem;
    opacity: .6
}

.BillBox .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-bottom: .0625rem solid hsla(0,0%,100%,.1);
    padding: .625rem 1.25rem .625rem .9375rem;
    font-size: .9375rem;
    line-height: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.BillBox .info .icon {
    height: 2.875rem;
    width: 2.875rem;
    background: url(../../assets/images/icon-bill.svg) no-repeat;
    background-size: contain;
    margin-right: .625rem
}

.BillBox.open .info .icon {
    background-image: url(../../assets/images/icon-bill-o.svg)
}

.BillBox .info span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600
}

.BillBox .info span p {
    font-size: .75rem;
    margin-top: .625rem;
    opacity: .6;
    font-weight: 300
}

.BillBox .info span p:before {
    content: "领取红包"
}

.BillState1 .BillBox .info span p:before {
    content: "已领取"
}

.BillState2 .BillBox .info span p:before {
    content: "已被领完"
}

.RobBill {
    background: url(../../assets/images/bill.png) no-repeat bottom #f45e4d;
    background-size: contain;
    width: 70%;
    min-height: 60%;
    border-radius: .625rem;
    position: absolute;
    padding: 1.25rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-55%);
    transform: translate(-50%,-55%)
}

.RobBill.none {
    background-image: url(../../assets/images/bill-o.png)
}

.RobBill .rob {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.RobBill .close {
    position: absolute;
    font-size: 2.5rem;
    bottom: -3.125rem;
    left: 50%;
    color: #3b3b3a;
    margin-left: -1.25rem
}

.RobBill dl {
    color: #ebcd99;
    font-size: .9375rem;
    text-align: center;
    margin-top: 30%
}

.RobBill dl dt b,.RobBill dl dt img {
    border-radius: 100%;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    overflow: hidden;
    background-color: #e7eaec;
    display: inline-block;
    vertical-align: middle;
    margin-right: .625rem;
    font-size: .75rem;
    color: #6b7294
}

.RobBill dl dd {
    font-size: 1.125rem;
    margin-top: .625rem;
    overflow: hidden
}

.RobBill .href {
    color: #ebcd99;
    font-size: 1rem;
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    right: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.BillInfo,.RobBill .href {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.BillInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.BillInfo .top {
    background-color: #fff;
    text-align: center;
    margin-bottom: .625rem;
    padding: 1.875rem .625rem
}

.BillInfo .top .title {
    font-size: 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.BillInfo .top .title b,.BillInfo .top .title img {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    overflow: hidden;
    border-radius: 100%;
    margin-right: .625rem;
    background-color: #e7eaec;
    color: #6b7294;
    font-size: .75rem
}

.BillInfo .top .title span {
    margin-right: .3125rem
}

.BillInfo .top h4 {
    font-weight: 300;
    margin-top: .625rem;
    color: #aaa
}

.BillInfo .top .money {
    font-size: 2.875rem;
    color: #cfac74;
    margin-top: 1.25rem
}

.BillInfo .top .money em {
    font-size: 1rem;
    margin-left: .3125rem
}

.BillInfo .list {
    height: 100%;
    overflow: hidden;
    background-color: #fff
}

.BillInfo .list .tip {
    padding: .9375rem;
    color: #aaa;
    border-bottom: .0625rem solid #f5f5f5
}

.BillInfo .list .van-cell .head b,.BillInfo .list .van-cell .head img {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    overflow: hidden;
    border-radius: 100%;
    margin-right: .625rem;
    display: inline-block;
    vertical-align: top;
    background-color: #e7eaec;
    color: #6b7294;
    font-size: .75rem
}

.BillInfo .list .van-cell__title {
    font-size: 1rem;
    line-height: 1
}

.BillInfo .list .van-cell .time {
    font-size: .875rem;
    color: #aaa;
    margin-top: .625rem
}

.BillInfo .list .van-cell__value {
    font-size: 1rem;
    color: #333
}
